import React from 'react';
import Svg, { G, Defs, ClipPath, Path, Rect } from 'react-native-svg';

export const SlaMissedIcon = ({ color }: { color: string }) => {
  return (
    <Svg width="12" height="16" viewBox="0 0 12 16" fill="none">
      <G clipPath="url(#clip0_2407_48984)">
        <Path
          d="M5.43827 14.7652C9.05618 14.7652 11.4739 12.3216 11.4739 8.64326C11.4739 2.53859 6.26719 0 2.70973 0C2.01896 0 1.56996 0.250404 1.56996 0.725308C1.56996 0.906635 1.65631 1.10523 1.8031 1.27792C2.59748 2.22773 3.4005 3.3416 3.41777 4.70587C3.41777 4.99081 3.40913 5.23259 3.2019 5.60387L3.56456 5.54342C3.26235 4.52454 2.48523 3.7906 1.72539 3.7906C1.4059 3.7906 1.19004 4.02373 1.19004 4.36911C1.19004 4.54182 1.24185 4.95628 1.24185 5.24985C1.24185 6.69184 0.0761719 7.62438 0.0761719 10.0939C0.0761719 12.9002 2.21756 14.7652 5.43827 14.7652ZM5.61096 12.8656C4.32441 12.8656 3.46094 12.0799 3.46094 10.9142C3.46094 9.69669 4.33304 9.26495 4.44529 8.47921C4.45393 8.41013 4.48847 8.39285 4.54027 8.43602C4.85975 8.72097 5.05835 9.06635 5.22241 9.47218C5.5937 8.97138 5.76639 7.90068 5.66278 6.78681C5.65414 6.71773 5.69732 6.6832 5.75775 6.7091C7.28609 7.41714 8.0632 8.9282 8.0632 10.2838C8.0632 11.6568 7.26018 12.8656 5.61096 12.8656Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_2407_48984">
          <Rect width="11.8468" height="16" fill="white" transform="translate(0.0761719)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
